@import './common.scss';

image {
	&.row-r {
		width: 11rpx;
		height: 19rpx;
	}
}

.mt-24 {
	margin-top: 24rpx;
}
.pt-24 {
	padding-top: 24rpx;
}

.content-pop {
	// padding: 50rpx 24rpx 50rpx;
	position: relative;

	.title-p {
		text-align: center;
		font-size: 32rpx;
		color: #333;
		position: relative;
		padding-bottom: 30rpx;

		.clear-icon {
			padding: 24rpx;
			position: absolute;
			top: -20rpx;
			right: 0;
			z-index: 200;

			image {
				width: 44rpx;
				height: 44rpx;
			}
		}
	}
}

.xiexi-login {
	font-size: 24rpx;
	color: #999;
	text-align: center;
	margin-top: 40rpx;
	.check {
		width: 40rpx;
		height: 40rpx;
		border-radius: 4rpx;
		border: 1px solid #999;
		margin-right: 10rpx;
	}
	text {
		color: #0F956E;
	}
}
.calc-base {
	// width: 126rpx;
	height: 54rpx;
	background: rgba(243,243,243,0);
	border-radius: 4rpx 4rpx 4rpx 4rpx;
	border: 1rpx solid #DEDEDE;
	line-height: 52rpx;
	.subtract {
		width: 56rpx;
		text-align: center;
		border-right: 1rpx solid #DEDEDE;
	}
	.input-1 {
		width: 100rpx;
		height: 100%;
		padding: 0 5rpx;
	}
	.num {
		width: 100%;
		height: 100%;
		text-align: center;
		border-right: 1rpx solid #DEDEDE;
	}
	.add {
		width: 56rpx;
		text-align: center;
	}
}
.btn-c {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 10;
}

.form-base {
	.form-item {
		padding: 15rpx 24rpx;
		.le {
			font-family: OPPOSans, OPPOSans;
			font-weight: 400;
			font-size: 30rpx;
			color: #292929;
			line-height: 48rpx;
		}
		.right {
			font-family: OPPOSans, OPPOSans;
			font-weight: 400;
			font-size: 30rpx;
			color: #BDBDBD;
			line-height: 48rpx;
			&.input-right {
				text-align: right;
			}
		}
	}
}
.order-page {
	.form-item {
		padding: 15rpx 28rpx;
		.le {
			font-family: OPPOSans, OPPOSans;
			font-weight: 400;
			font-size: 28rpx;
			color: #292929;
		}
		.right {
			font-family: OPPOSans, OPPOSans;
			font-weight: 500;
			font-size: 28rpx;
			color: #292929;
		}
	}
}

.btns-base {
	.btn {
		width: 144rpx;
		height: 54rpx;
		border-radius: 40px;
		font-family: OPPOSans, OPPOSans;
		font-weight: 400;
		font-size: 26rpx;
		color: #7D7D7D;
		text-align: center;
		line-height: 54rpx;
		margin-left: 14rpx;

		&.btn1 {
			background: #F7F7F7;
			color: #828282;
		}

		&.btn2 {
			background: #0F956E;
			color: #fff;
		}
	}
}

.content-p {
	padding: 38rpx 24rpx 0;
	position: relative;

	.clear-icon {
		padding: 24rpx;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 200;

		image {
			width: 44rpx;
			height: 44rpx;
		}
	}
	
	.title-p {
		font-family: OPPOSans, OPPOSans;
		font-weight: 600;
		font-size: 36rpx;
		color: #292929;
		line-height: 48rpx;
		text-align: center;
	}
}


.empty-base {
	padding-top: 80rpx;
	text-align: center;
	color: #999;
	font-size: 28rpx;
}

.title-bar {
	font-family: OPPOSans, OPPOSans;
	font-weight: bold;
	font-size: 34rpx;
	color: #292929;
	line-height: 40rpx;
	position: relative;
	&::after {
		content: "";
		width: 64rpx;
		height: 10rpx;
		background: #348B8A;
		position: absolute;
		left: 0;
		bottom: -4rpx;
		z-index: 1;
	}
	text {
		position: relative;
		z-index: 2;
	}
}

.card-base-box {
	width: 750rpx;
	height: 402rpx;

	image {
		width: 100%;
		height: 100%;
	}

	.card-cont {
		width: 100%;
		height: 100%;
		padding: 16rpx 24rpx 32rpx;
		// padding: 16rpx 52rpx 32rpx 52rpx;

		.wz {
			width: 150rpx;
			height: 52rpx;
			font-family: OPPOSans, OPPOSans;
			font-weight: bold;
			font-size: 26rpx;
			color: #FFFFFF;
			line-height: 52rpx;
			text-align: center;
			position: absolute;
			right: 32rpx;
			top: 12px;
		}

		.card-top {
			margin-top: 50rpx;
			padding: 0 28rpx;

			.chepai {
				font-family: OPPOSans, OPPOSans;
				font-weight: bold;
				font-size: 36rpx;
				color: #000000;
				line-height: 40rpx;

				text {
					display: block;
					width: 44rpx;
					height: 44rpx;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					font-family: OPPOSans, OPPOSans;
					font-weight: 500;
					font-size: 28rpx;
					color: #FFFFFF;
					text-align: center;
					line-height: 44rpx;
					margin-left: 8rpx;
					&.text1 {
						background: #0077F5;
					}
					&.text2 {
						background: #40CAA6;
					}
				}
			}

			.che-leix {
				font-family: OPPOSans, OPPOSans;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
				line-height: 40rpx;
				margin-top: 14rpx;
			}

			.jiashi-image {
				width: 132rpx;
				height: 94rpx;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				margin-left: 46rpx;
				overflow: hidden;
			}
		}

		.info {
			padding: 0 28rpx;
		}
	}

	.info1 {
		font-family: OPPOSans, OPPOSans;
		font-weight: 400;
		font-size: 24rpx;
		color: #7D7D7D;
		line-height: 40rpx;

		text {
			color: #292929;
		}
	}

	.card-bottom {
		padding: 0 28rpx;
		padding-top: 26rpx;
		border-top: 1rpx solid #E0E0E0;
		margin-top: 35rpx;

		.more {
			font-family: OPPOSans, OPPOSans;
			font-weight: 400;
			font-size: 24rpx;
			color: #BDBDBD;
			line-height: 40rpx;
		}
	}
}

.btns-bottom-base {
	.btn {
		border-radius: 52rpx 52rpx 52rpx 52rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		text-align: center;
		line-height: 76rpx;
	}
	.btn1 {
		width: 202rpx;
		height: 80rpx;
		border: 2rpx solid #E50004;
		color: #E50004;
	}
	.btn2 {
		width: 480rpx;
		height: 80rpx;
		background: #348B8A;
		border: 2rpx solid #348B8A;
		color: #fff;
	}
}

.hint-base {
	width: 100%;
	line-height: 60rpx;
	font-size: 28rpx;
	color: #999;
	margin-top: 50rpx;
	padding-top: 20rpx;
	text-align: center;
}